<html><head>
  <meta charset="utf-8">
  <meta name="viewport" content="width=device-width, initial-scale=1">
  <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.7.0/css/font-awesome.min.css" type="text/css">
  <link rel="stylesheet" href="theme.css" type="text/css">
  <title>Pingendo - mobile app</title>
  <meta name="description" content="Pingendo app landing page">
  <meta name="keywords" content="Pingendo app mobile responsive ios android"> </head><body class="text-center">
  <nav class="navbar navbar-inverse navbar-expand-md navbar-dark bg-primary">
    <div class="container">
      <a class="navbar-brand" href="#cover">Pingendo</a>
      <button class="navbar-toggler navbar-toggler-right" type="button" data-toggle="collapse" data-target="#navbarSupportedContent" aria-controls="navbarSupportedContent" aria-expanded="false" aria-label="Toggle navigation"> <span class="navbar-toggler-icon"></span></button>
      <div class="collapse navbar-collapse justify-content-end" id="navbarSupportedContent">
        <ul class="navbar-nav ">
          <li class="nav-item">
            <a class="nav-link" href="features.html">features</a>
          </li>
          <li class="nav-item">
            <a class="nav-link" href="pricing.html">pricing</a>
          </li>
        </ul>
        <a class="btn navbar-btn btn-secondary mx-3" href="#download">Download</a>
      </div>
    </div>
  </nav>
  <div class="modal">
      <div class="modal-dialog">
        <div class="modal-content">
          <div class="modal-header">
            <button class="close" data-dismiss="modal" type="button">×</button>
            <h4 class="modal-title">Modal title</h4>
          </div>
          <div class="modal-body">
            <p>One fine body...</p>
          </div>
          <div class="modal-footer">
            <a class="btn btn-default" data-dismiss="modal">Close</a>
            <a class="btn btn-primary text-white">Save changes</a>
          </div>
        </div>
      </div>
    </div><div class="cover d-flex align-items-center pt-5 bg-primary" id="cover">
    <div class="container">
      <div class="row"><div class="col-md-12"><form class="">
      <div class="form-group">
        <label>Email address</label>
        <input type="email" class="form-control" placeholder="Enter email">
      </div>
      <div class="form-group">
        <label>Password</label>
        <input type="password" class="form-control" placeholder="Password">
      </div>
      <button type="submit" class="btn btn-primary">Login</button>
    </form></div></div><div class="row">
        <div class="col-md-6 text-md-left align-self-center my-5">
          <h1 class="text-white display-1">Pingendo</h1>
          <h4 class="text-white">The mobile app you were w aiting for</h4>
          <div class="row mt-5">
            <div class="col-md-5 col-6">
              <a href="#download">
                <img class="center-block img-fluid d-block" src="https://pingendo.github.io/templates/app/download_android.png"> </a>
            </div>
            <div class="col-md-5 col-6">
              <a href="#download">
                <img class="center-block img-fluid d-block" src="https://pingendo.github.io/templates/app/download_ios.png"> </a>
            </div>
          </div>
        </div>
        <div class="col-md-6">
          <img class="img-fluid d-block mx-auto" src="https://pingendo.github.io/templates/app/iphone_cover.png"> </div>
      </div>
    </div>
  </div>
  <div class="section py-5 text-md-left" id="app">
    <div class="container">
      <div class="row">
        <div class="col-md-7 push-md-5 my-3 align-self-center">
          <h2 class="text-primary my-3">Easy, yet powerful</h2>
          <p class="lead">Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Aenean commodo ligula eget dolor. Aenean massa. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Donec quam felis, ultricies nec, pellentesque eu,
            pretium quis, sem. </p>
          <a href="features.html" class="btn btn-outline-primary btn-lg">Learn more</a>
        </div>
        <div class="col-md-5 pull-md-7 my-3">
          <img src="https://pingendo.github.io/templates/app/iphone_trequarti.png" class="img-fluid d-block mx-auto"> </div>
      </div>
    </div>
  </div>
  <div class="py-5 text-left">
    <div class="container">
      <div class="row">
        <div class="col-md-6 align-self-center my-3">
          <h2 class="text-primary my-3">Works everywhere</h2>
          <p class="lead">Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Aenean commodo ligula eget dolor. Aenean massa. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Donec quam felis, ultricies nec, pellentesque eu,
            pretium quis, sem. </p>
          <a href="#download" class="btn btn-outline-primary btn-lg">Download</a>
        </div>
        <div class="col-md-6 my-3">
          <img src="https://pingendo.github.io/templates/app/iphone_ipad.png" class="img-fluid d-block mx-auto"> </div>
      </div>
    </div>
  </div>
  <div class="section py-5" id="features">
    <div class="container">
      <div class="row">
        <div class="col-md-12">
          <h1 class="pb-4 text-primary">Features from the future</h1>
        </div>
      </div><div class="row"><div class="col-md-12"></div></div>
      <div class="row">
        <div class="align-self-center text-right col-lg-4 col-md-6">
          <div class="row my-5">
            <div class="col-10">
              <h4>Responsive design</h4>
              <p>Based on fluid design principles.
                <br>Works with screen resolution</p>
            </div>
            <div class="col-2"><i class="d-block fa fa-3x fa-columns"></i></div>
          </div>
          <div class="row my-5">
            <div class="col-10">
              <h4>Customized settings</h4>
              <p>Choose settings depending on the criteria you value the most</p>
            </div>
            <div class="col-2"><i class="d-block fa  fa-3x fa-circle-thin"></i></div>
          </div>
          <div class="row my-5">
            <div class="col-10">
              <h4>Connect</h4>
              <p>In-app chat panel 24/7 active.
                <br>The support you need, right there.</p>
            </div>
            <div class="col-2"><i class="d-block fa  fa-3x fa-comment-o"></i></div>
          </div>
        </div>
        <div class="my-3 col-lg-4 col-md-6">
          <img class="img-fluid d-block mx-auto" src="https://pingendo.github.io/templates/app/iphone_features.png"> </div>
        <div class="align-self-center text-left col-lg-4 col-md-12">
          <div class="row my-5">
            <div class="col-3"><i class="d-block fa fa-battery-empty fa-3x"></i></div>
            <div class="col-9">
              <h4>Battery-friendly</h4>
              <p>Non consuming background operation for longer mobile life</p>
            </div>
          </div>
          <div class="row my-5">
            <div class="col-3"><i class="d-block mx-auto fa  fa-3x fa-clone"></i></div>
            <div class="col-9">
              <h4>Multilayers</h4>
              <p>Work simultaneously on different panels with the switcher</p>
            </div>
          </div>
          <div class="row my-5">
            <div class="col-3"><i class="d-block fa  fa-3x fa-heart-o"></i></div>
            <div class="col-9">
              <h4>Share the love</h4>
              <p>Help us spreading the word.
                <br>Tell your friends with just one-click</p>
            </div>
          </div>
        </div>
      </div>
    </div>
  </div>
  <div class="py-5 section bg-faded" id="reviews">
    <div class="container">
      <div class="row">
        <div class="col-md-12">
          <div id="carousel" class="carousel slide" data-ride="carousel">
            <div class="carousel-inner" role="listbox">
              <div class="carousel-item active flex-column mx-auto">
                <img src="https://pingendo.github.io/templates/app/reviews_logo_1.png" class="img-block mx-auto d-block" width="250">
                <div class="blockquote">
                  <p class="text-muted my-1">I can barely imagine my life without Pingendo</p>
                  <div class="blockquote-footer">Alex Denver, Tech reviews</div>
                </div>
              </div>
              <div class="carousel-item flex-column">
                <img src="https://pingendo.github.io/templates/app/reviews_logo_2.png" class="img-fluid mx-auto d-block">
                <div class="blockquote">
                  <p class="text-muted my-1">Pingendo set a new standard for mobile apps. It's time to move toward the future.</p>
                  <div class="blockquote-footer">Sarah Krichko, APPetizer</div>
                </div>
              </div>
              <div class="carousel-item flex-column">
                <img src="https://pingendo.github.io/templates/app/reviews_logo_3.png" class="img-fluid mx-auto d-block">
                <div class="blockquote">
                  <p class="text-muted my-1">Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Aenean commodo ligula eget dolor.</p>
                  <div class="blockquote-footer">Miguel Barboso, NewsApps</div>
                </div>
              </div>
            </div>
            <a class="carousel-control-prev" href="#carousel" role="button" data-slide="prev"> <span class="carousel-control-prev-icon" aria-hidden="true"></span> <span class="sr-only">Previous</span></a>
            <a class="carousel-control-next" href="#carousel" role="button" data-slide="next"> <span class="carousel-control-next-icon" aria-hidden="true"></span> <span class="sr-only">Next</span></a>
          </div>
        </div>
      </div>
    </div>
  </div>
  <div class="py-5 section bg-primary" id="download">
    <div class="container">
      <div class="row">
        <div class="col-md-6">
          <img class="img-fluid d-block mx-auto" src="https://pingendo.github.io/templates/app/iphone_isometric.png"> </div>
        <div class="col-md-6 text-md-left align-self-center my-5">
          <h1 class="display-4">Download Pingendo</h1>
          <h4>Get it on your mobile device. Now</h4>
          <div class="row mt-5">
            <div class="col-6 col-md-5">
              <a href="#cover">
                <img class="center-block img-fluid d-block" src="https://pingendo.github.io/templates/app/download_android.png"> </a>
            </div>
            <div class="col-6 col-md-5">
              <a href="#cover">
                <img class="center-block img-fluid d-block" src="https://pingendo.github.io/templates/app/download_ios.png"> </a>
            </div>
          </div>
        </div>
      </div>
    </div>
  </div>
  <div class="py-5  section">
               <div class="container">
                  <div class="row">
                     <div class="col-md-6">
                        <img src="https://pingendo.com/assets/photos/wireframe/photo-1.jpg" class="img-fluid img-thumbnail">
                     </div>
                     <div class="col-md-6">
                        <h1 class="text-primary">HEADING</h1>
                        <p class="lead">Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Aenean commodo ligula eget dolor. Aenean massa. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Donec quam felis, ultricies nec, pellentesque eu,
                           pretium quis, sem.
                        </p>
                     </div>
                  </div>
               </div>
            </div><div class="py-5 bg-info" id="footer">
    <div class="container">
      <div class="row">
        <div class="col-md-9">
          <p class="text-left lead">Sign up to our newsletter for the latest news</p>
          <form class="form-inline">
            <div class="form-group">
              <input type="email" class="form-control" placeholder="Your e-mail here"> </div>
            <button type="submit" class="btn btn-primary">Subscribe</button>
          </form>
        </div>
        <div class="col-4 col-md-1 align-self-center">
          <a href="https://www.facebook.com" target="blank"><i class="fa fa-fw fa-facebook fa-3x text-white"></i></a>
        </div>
        <div class="col-4 col-md-1 align-self-center">
          <a href="https://twitter.com" target="blank"><i class="fa fa-fw fa-twitter fa-3x text-white"></i></a>
        </div>
        <div class="col-4 col-md-1 align-self-center">
          <a href="https://www.instagram.com" target="blank"><i class="fa fa-fw fa-instagram text-white fa-3x"></i></a>
        </div>
      </div>
      <div class="row">
        <div class="col-md-12 my-3">
          <p>© Copyright 2017 Pingendo - All rights reserved. </p>
        </div>
      </div>
    </div>
  </div>
  <script src="https://code.jquery.com/jquery-3.1.1.min.js"></script>
  <script src="https://cdnjs.cloudflare.com/ajax/libs/tether/1.4.0/js/tether.min.js"></script>
  <script src="https://pingendo.com/assets/bootstrap/bootstrap-4.0.0-alpha.6.min.js"></script>
  <script src="https://pingendo.com/assets/scripts/smooth-scroll.js"></script>


</body></html>